@import "style";

input:-internal-autofill-selected {
  background-color: transparent !important;
}


$theme-color: #e20001;
$tip-color: #999999;

$foot-height:140px;
$head-height:88px;

$defaultFontSize:14PX;
$titleFontSize:$defaultFontSize+2PX; //16PX
$titleServeFontSize:$defaultFontSize+3PX;//17PX
$bigFontSize:$titleFontSize+4PX; //20PX
$tipFontSize:$defaultFontSize - 2PX;//12PX


@function pxToRem($px, $base-font-size: 75px) {
  @return ($px / $base-font-size) * 1rem;
}

@mixin fullImg() {
  width: 100%;
  min-height: 100%;
}

@mixin imgFullCenter() {
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  background: $gray-color;

  img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    min-height: 100%;
  }
}

.layout {
  width: 100vw;
  height: 100vh;
}

.cube-swipe-btns {
  .cube-swipe-btn {
    height: auto;
    left: 105%;
    top: -11px;
    bottom: -11px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

body {
  color: #000;
}

@for $i from 0 through 10 {
  .pdh-#{$i} {
    padding-left:#{px2rem($i*10)} !important;
    padding-right:#{px2rem($i*10)} !important;
  }

  .pdv-#{$i} {
    padding-top:#{px2rem($i*10)} !important;
    padding-bottom:#{px2rem($i*10)} !important;
  }

  .mgh-#{$i} {
    margin-left:#{px2rem($i*10)} !important;
    margin-right:#{px2rem($i*10)} !important;
  }

  .mgv-#{$i} {
    margin-top:#{px2rem($i*10)} !important;
    margin-bottom:#{px2rem($i*10)} !important;
  }

  .pdt-#{$i} {
    padding-top:#{px2rem($i*10)} !important;
  }

  .pdr-#{$i} {
    padding-right:#{px2rem($i*10)} !important;
  }

  .pdb-#{$i} {
    padding-bottom:#{px2rem($i*10)} !important;
  }

  .mgt-#{$i} {
    margin-top:#{px2rem($i*10)} !important;
  }

  .mgb-#{$i} {
    margin-bottom:#{px2rem($i*10)} !important;
  }
}

.cube-scroll-nav-bar-item {
  color: #000;
  vertical-align: middle;
  padding: 0px 0px !important;
  margin: 0 8px;

  .mui-control-item {
    height: 30px !important;
  }
}

.cube-scroll-nav-bar-item_active {
  color: #f34d4a;
  border-bottom: 3px solid #f34d4a;
}

.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items {
  white-space: nowrap;
}

.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
  width: 100%;
}

.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper {
  width: 100%;
}

.meeting-tab .cube-scroll-nav-bar-items .mui-control-item:last-child {
  margin-right: 0px;
  margin-left: 0px;
}

.no-data {
  padding: 20px;
  text-align: center !important;

  img {
    width: 30% !important;
  }
}

.text-center {
  text-align: center !important;
}

.message-details p {
  white-space: nowrap;
}

.mui-popover.meeting-popover {
  left: auto !important;
  right: 2px !important;
}

.sign-gray {
  background-color: #ccc;
  border-radius: 100%;
  width: 130px;
  height: 130px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  margin: 20px;
}

.sign-pink-end {
  position: relative;
  width: 170px;
  height: 170px;
  border-radius: 100%;
  overflow: hidden;
  display: block;
  margin: 0px auto 0;
}

.people-mui-pages {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  width: 100%;
}

.record-contents {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  bottom: 0px;
}

.time-filter-input {
  background: none;

  input {
    background: rgba(#000, .06);
  }
}

.swiper-no-swiping {
  transform: translateX(0) !important;
}

.text-red {
  color: red !important;
}

.text-blue {
  color: blue !important;
}

.msg-date {
  flex: 1;
  text-align: right;
}

.list-item {
  .flex-justify-start {
    margin-right: -5px;
    flex-wrap: wrap;

    .enclosure-upload {
      position: relative;
      width: 20%;
      margin: 5px 5% 10px 0;
      height: auto;

      img {
        width: 100% !important;
        height: auto;
      }
    }
  }
}

/*背景半透明*/
.mui-off-canvas-backdrop {
  position: absolute;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  transition: background 350ms cubic-bezier(.165, .84, .44, 1);
  background: rgba(0, 0, 0, .4);
  box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
  -webkit-tap-highlight-color: transparent;
}

.tip-wrap {
  margin: 15px;

  strong {
    text-decoration: underline;
  }
}

.record-content-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 56px;
}

.work-message-item-title h5 {
  font-weight: normal;

  b {
    font-weight: normal;
  }
}

#recordTimes {
  white-space: nowrap;
}

.schedule-foot {
  border-top: #eeeeee 1px solid;
}

.tabbar-bottom a>p {
  margin-top: 0;
}

.error-answer {
  background-color: red !important;

  .no-select {}
}

/*解决 组织生活——组织生活会议记录页面和支部党费统计页面字体大小显示不一致*/
.work-message-item-tab .work-blue {
  font-size: 18px;
}

.zhy_news {
  line-height: 1.5em !important;
  margin-top: 0.5em !important;
}

.after-trigger .loading {
  left: 48% !important;
}

//日历插件(vue-calendar-component)
.wh_container {
  .wh_content_all {
    background-color: #fff !important;
    padding-bottom: 0px !important;

    .wh_top_changge {
      height: 95px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border-bottom: 1px solid #e5e5e5;

      .wh_content_li {
        font-size: 36px;
        font-family: dang !important;
        color: #000 !important;
        font-weight: bold !important;
      }

      .wh_jiantou1{
        border-top: 3px solid #666;
        border-left: 3px solid #666;
      }

      .wh_jiantou2{
        border-top: 3px solid #666;
        border-right: 3px solid #666;
      }
    }

    .wh_content {
      padding: 1px 0 1px;
      display: flex;
      justify-content: space-between;

      .wh_content_item {
        .wh_item_date,
        .wh_top_tag {
          font-family: dang !important;
          font-size: 16PX;
          color: #333333;
        }
        .wh_top_tag {
          color: #999999;
        }
        /*今天*/
        .wh_isToday {
          background-color: #fff !important;
          color: #e20002;
        }
        /*日历点击*/
        .wh_chose_day {
          background-color: #ec860d !important;
          color: #ffffff;
        }
        .wh_other_dayhide{
          color: #ccc !important;
        }
      }
      .dis_n{
        display: none;
      }
      /* .dis_b{
        display: block;
      } */
    }
  }
}
//红云头条底部红线
.slider-my{
  border-top: 0.15rem solid #e20001;
}
